import "https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"; //引入类库jquery

//重名检测

// function checkusername() {
//     $('.username').on('blur', function() { //绑定事件
//         $.ajax({
//             type: 'post',
//             url: 'http://10.31.163.77/changhong/php/registry.php',
//             data: {
//                 name: $('.username').val() //val():jquery里面读写表单的值
//             },
//             success: function(data) {
//                 if (data === 'false') {
//                     $('.checkspan').css({ color: 'green' }).html('√');
//                     userflag = true;
//                 } else {
//                     $('.checkspan').css({ color: 'red' }).html('用户名已存在');
//                     userflag = false;
//                 }
//             }
//         })
//     })
// }


//表单验证

var userflag = true;
var telflag = true;
var passflag = true;
var regflag = true;

function validate() {
    $('.username').on('focus', function() {
        $('.checkspan').css({ color: 'black' }).html('中英文均可，最长14个英文或7个汉字')

    })
    $('.username').on('blur', function() {
            if ($('.username').val() !== '') {
                var len = $(this).val().replace(/[\u4e00-\u9fa5]/g, '**').length;
                if (len <= 14) {
                    var reg = /^[a-zA-Z\u4e00-\u9fa5]+$/g;
                    if (reg.test($(this).val())) {
                        // $('.checkspan').css({ color: 'green' }).html('用户名正确')
                        $.ajax({
                            type: 'post',
                            url: 'http://10.31.163.77/changhong/php/registry.php',
                            data: {
                                name: $('.username').val()
                            },
                            success: function(data) {
                                if (data === 'false') {
                                    $('.checkspan').eq(0).css({ color: 'green' }).html('√');
                                    userflag = true;
                                } else {
                                    $('.checkspan').eq(0).css({ color: 'red' }).html('用户名已存在');
                                    userflag = false;
                                }
                            }
                        })

                    } else {
                        $('.checkspan').css({ color: 'red' }).html('你输入的格式不正确')
                        userflag = false;
                    }
                } else {
                    $('.checkspan').css({ color: 'red' }).html('用户名的长度超出范围')
                    userflag = false;
                }
            } else {
                $('.checkspan').css({ color: 'red' }).html('用户名不能为空')
                userflag = false;
            }

        })
        //密码
    $('.password').on('focus', function() {
        $('.checkspan1').css({ color: 'black' }).html('请输入6-12位组成的密码')
    })

    $('.password').on('input', function() {
        var reg1 = /[0-9]+/;
        var reg2 = /[a-z]+/;
        var reg3 = /[A-Z]+/;
        var reg4 = /[\W\_]+/;
        var count = 0;
        if (reg1.test($(this).val())) {
            count++;
        }
        if (reg2.test($(this).val())) {
            count++;
        }
        if (reg3.test($(this).val())) {
            count++;
        }
        if (reg4.test($(this).val())) {
            count++;
        }
        switch (count) {
            case 1:
                $('.checkspan1').css({ color: 'red' }).html('用户密码较弱')
                passflag = false;
                break;
            case 2:
            case 3:
                $('.checkspan1').css({ color: 'orange' }).html('用户密码中等')
                passflag = true;
                break;
            case 4:
                $('.checkspan1').css({ color: 'green' }).html('用户密码较强')
                passflag = true;
                break;
        }

    })
    $('.password').on('blur', function() {
        if ($('.password').val() !== '') {
            if ($(this).val().length >= 6 && $(this).val().length <= 12) {
                if (passflag) {
                    $('.checkspan1').css({ color: 'green' }).html('密码正确')
                    passflag = true;
                }
            } else {
                $('.checkspan1').css({ color: 'red' }).html('密码长度必须是6-12位')
                passflag = false;
            }
        } else {
            $('.checkspan1').css({ color: 'red' }).html('用户密码不能为空')
            passflag = false;
        }
    })

    $('.repass').on('focus', function() {
        $('.checkspan2').css({ color: 'black' }).html('输入您的密码')
    })
    $('.repass').on('blur', function() {
        if ($(this).val() !== '') {
            var pd = $('.repass').val() === $('.password').val()
            if (pd) {
                $('.checkspan2').css({ color: 'green' }).html('密码输入正确')
                regflag = true;
            } else {
                $('.checkspan2').css({ color: 'red' }).html('请确认密码')
                regflag = false;
            }
        } else {
            $('.checkspan2').css({ color: 'red' }).html('密码输入不正确')
            regflag = false;
        }
    })

    $('.usetel').on('focus', function() {
        $('.checkspan3').css({ color: 'black' }).html('请输入您的手机号')
    })
    $('.usetel').on('blur', function() {
        if ($(this).val() !== '') {
            var num = /^1[345678]\d{9}$/;
            if (num.test($(this).val())) {
                $('.checkspan3').css({ color: 'green' }).html('手机号码正确')
                telflag = true;
            } else {
                $('.checkspan3').css({ color: 'red' }).html('手机号码格式不对')
                telflag = false;
            }
        } else {
            $('.checkspan3').css({ color: 'red' }).html('手机号码不能为空')
            telflag = false;
        }
    })

    $('.registry-box').on('submit', function() {
        if ($('.username').val() == '') {
            $('.checkspan').css({ color: 'red' }).html('用户名不能为空')
            userflag = false;
        }
        if ($('.password').val() == '') {
            $('.checkspan1').css({ color: 'red' }).html('密码不能为空')
            passflag = false;
        }
        if ($('.repass').val() == '') {
            $('.checkspan2').css({ color: 'red' }).html('请确认密码')
            regflag = false;
        }
        if ($('.usetel').val() == '') {
            $('.checkspan3').css({ color: 'red' }).html('手机号码不能为空')
            telflag = false;
        }
        if (!userflag || !passflag || !regflag || !telflag) {
            return false
        }
    })
}

function zuzhi() {

    $('.registry-box').on('submit', function() {
        if (!userflag) {
            return false;
        }
    });
}


export {
    zuzhi,
    validate
}